<template>
    <div class="PxOLUdiv1">
        <div>
        <el-tabs v-model="tabsactivename" @tab-click="handleClick" class="PxOLUtab"> 
          <el-tab-pane label="全部" name="0"></el-tab-pane>
          <el-tab-pane label="待付款" name="1"></el-tab-pane>
          <el-tab-pane label="待发货" name="2"></el-tab-pane>
          <el-tab-pane label="待收货" name="3" disabled=""></el-tab-pane>
          <el-tab-pane label="已完成" name="4"></el-tab-pane>
        </el-tabs>
        </div>
    </div>
</template>

<script>
export default {
    name:'PxOLUp',
    data() {
      return {
        tabsactivename:'0'
      };
    },
    methods: {
      handleClick(tab) {
        this.$bus.$emit('Upshow',tab.index)
      }
    }
}
</script>

<style scoped>
.PxOLUdiv1{
    padding-top: 5px;
    background-color: rgb(255, 247, 247);
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0px;
    z-index: 3;
}
.PxOLUtab{
    margin-right: 25px;
    float: right;
    border-radius: 10px;
}
</style>